page {
	overflow: hidden;
}
pages-order-list {
    background-color: #fff;
}


.search_name_box{
	    background: #fff;
	    display: flex;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    align-items: center;
		padding: 0 30rpx;
		    margin-bottom: 10rpx;
		.color-tip{
			color: #000 !important;
		}
		.search-input-inner{
			    width: 68%;
			    padding-left: 20px;
			    overflow: hidden;
			    white-space: nowrap;
			    text-overflow: ellipsis;
			    font-size: 15px;
			    letter-spacing: 2px;
			
		}
}

.nav-wrap-2{
	    display: flex;
	    justify-content: space-around;
}

.nav-wrap2{
	border-bottom: 0.5px solid #e3e3e3;
	//margin: 0 30rpx;
	display: flex;
	justify-content: space-around;
	    margin-top: 10rpx;
      padding-top: 10rpx;
	  background: #fff;
	.selected{
		 border-bottom: 2.5px solid #FF6A00;
		 color: #FF6A00;
	}
	.color-base-border{
		width: 50%;
		text-align: center;
	}
}

.list_start{
	    //padding-left: 30rpx;
		.test{
			    padding: 6rpx 30rpx;
			    background: #fff;
				border-bottom: 0.5px solid #e3e3e3;
		}
	
}

.nav-wrap {
	
	.screenhidebox{
		border: none;
		position: absolute;
		right: 3px;
		    font-size:60rpx;
	}
	.icon-shangxiahebing{
		color: rgb(212,35,12);
	}
	.icon-shangxiazhankai{
		color: rgb(71,184,243);
	}
	
	
	
	
	background-color: #fff;
	text-align: center;
	padding: 10rpx 0;
	text {
		border: 1px solid;
		height: 60rpx;
		line-height: 60rpx;
		padding: 0 40rpx;
		display: inline-block;
		border-radius: 40rpx;
		&.selected {
			color: #fff;
		}
		&:first-child {
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
		}
		&:last-child {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}
	}
}
.search-wrap {
	display: flex;
	justify-content: space-between;
	background-color: #fff;
	margin: $margin-updown $margin-both;
	border-radius: 40rpx;
	
	.search-input-inner {
		display: flex;
		align-items: center;
		height: 70rpx;
		margin: 0 30rpx;
		border-radius: 100rpx;
		box-sizing: border-box;
		width: 100%;
		text-align: center;
		justify-content: center;
		
		    overflow: hidden;
		    white-space: nowrap;
		    text-overflow: ellipsis;
		
		.search-input-icon {
			margin-right: 10rpx;
			color: $color-tip;
		}
	}
}

.order-item.new-mode{
	
	
  .goods-item{
	 display: flex;  
     flex-direction: column;
	     flex-wrap: nowrap;
		 
		 
	 .new_head{
		     display: flex;
				justify-content: space-between;
			 .goods_name{
				 width: 60%;
				 overflow: hidden;
				 text-overflow:ellipsis;
				 white-space: nowrap;
				 color: rgb(140, 49, 66);
			 }
			 .goods-price{
				 color: rgb(240, 111, 105);
			 }
	 }
	 
	 .character_box{
		     display: flex;
		     justify-content: flex-start;
			 .name-wrap{
				width: 20%;
			 }
			 .mobile{
				     text-decoration: underline;
					 color: #1b0ef1;
			 }
	 }
	 .travelers_box{
		 .travelers_time{
				 color: rgb(62, 161, 112);
			 }
	 }
	 .time_box{
		     display: flex;
		     flex-direction: column;
		     align-items: flex-end;
			 font-size: 22rpx;
			 color: rgb(154, 154, 154);
	 }
	 
	
	 .font-size_max{
		  font-size: 32rpx;
	 }
	 
	 .font-size_max2{
	 		  font-size: 34rpx;
	 }
	 
	 .font-size_max3{
	 		  font-size: 36rpx;
	 }
	 
	 
	 
  } 
}

.tab-block {
	background-color: #fff;
	position: relative;
	display: flex;
	margin: 0 30rpx;
	.choose {
		position: absolute;
		right: 0;
		min-width: 50px;
		background-color: #fff;
		padding: 20rpx 0rpx 0 20rpx;
		height: 66rpx;
	}
	.tab-wrap {
		width: calc(100% - 120rpx);
		position: relative;
		overflow-x: scroll;
		padding: 24rpx 0rpx 0 20rpx;
		height: 66rpx;
		background-color: #fff;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		.tab-item {
			display: inline-block;
			position: relative;
			min-width: 30px;
			margin: 0 30rpx 0 0;
			height: 100%;
			&.iphone{
				height: calc(100% - 24rpx);
			}
			.list-wrap {
				position: absolute;
				background: #fff;
				width: 100%;
				padding: $padding;
				left: -20rpx;
				top: 60rpx;
				text {
					display: block;
					margin-top: $margin-updown;
					&:first-child {
						margin-top: 0;
					}
				}
			}
		}
		.active {
			position: relative;
			margin-right: 32rpx;
			&::after {
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				height: 4rpx;
				width: 100%;
			}
		}
	}
}

.order-item {
	//margin: 0 $margin-updown $margin-both  $margin-updown;
	background-color: #fff;
	padding: $padding 30rpx;
	.head {
		font-size: $font-size-tag;
		.order-no {
			color: $color-tip;
		}
		.pay-type-name {
			margin-left: 10rpx;
		}
		.order-status {
			float: right;
		}
		
		.verif{
		margin-left: 10px;
		color: white;
		padding: 0.5px 3px 0.5px 3px;
		border-radius: 7px;
		}
		.promotion-type-name {
			margin-right: 10rpx;
			float: right;
		}
	}
	.member-wrap {
		background-color: $color-bg;
		padding: 10rpx 0;
		border-radius: $border-radius;
		margin: 10rpx 0;
		text,
		view {
			font-size: $font-size-tag;
			vertical-align: middle;
		}
		.nick-name,.name {
			margin-right: 20rpx;
		}
		.mobile-wrap {
			display: inline-block;
			vertical-align: middle;
			.iconfont,
			.mobile {
				font-weight: bold;
			}

			.iconfont {
				margin-right: 8rpx;
			}
		}
		view {
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			overflow: hidden;
		}
	}
	.remark-wrap {
		border-radius: $border-radius;
		padding: 4rpx 10rpx;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		font-size: $font-size-tag;
	}
	.goods-item {
		background: #fff;
		margin-top: $margin-updown;
		display: flex;
		position: relative;
		flex-flow: row wrap;
		// align-items: center;

		.goods-img {
			width: 160rpx;
			height: 160rpx;
			overflow: hidden;
			border-radius: $border-radius;
			margin-right: 20rpx;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.info-wrap {
			flex: 1;
			display: flex;
			flex-direction: column;
			.name-wrap {
				font-size: $font-size-base;
				line-height: 1.3;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				margin-bottom: 10rpx;
			}
			.spec-wrap {
				line-height: 1;
				margin-top: 10rpx;
				margin-bottom: 10rpx;
				color: $color-tip;
				font-size: $font-size-goods-tag;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			.more-wrap {
				display: flex;
				.goods-class {
					font-size: $font-size-activity-tag;
					color: $color-tip;
				}
				.present-label {
					padding: 0 6rpx;
					display: inline-block;
					color: #fff;
					font-size: $font-size-tag;
					border-radius: $border-radius;
					width: fit-content;
					position: absolute;
					margin-left: 110rpx;
				}
				.price-wrap {
					flex: 1;
					text-align: right;
					.unit {
						font-size: $font-size-activity-tag;
					}

					.price {
						display: inline-block;
						line-height: 1;
						font-size: $font-size-base;
						flex: 1;
					}
					.num {
						color: $color-tip;
						font-size: $font-size-activity-tag;
						line-height: 1;
					}
				}
			}
		}
		.action-wrap {
			width: 100%;
			text-align: right;
			margin-top: 10rpx;
			button {
				margin-right: 20rpx !important;
				&:last-child {
				}
				margin-right: 0 !important;
			}
		}
	}

	.total-wrap {
		display: flex;
		align-items: center;
		margin-top: 10rpx;
		// text-align: right;
		.create-time {
			color: $color-tip;
			font-size: $font-size-tag;
			flex: 1;
		}
		.label {
			color: $color-tip;
			font-size: $font-size-tag;
		}
		.num {
			color: $color-tip;
			font-size: $font-size-activity-tag;
			line-height: 1;
		}

		.price {
			display: inline-block;
			font-weight: bold;
			font-size: $font-size-toolbar;
			text-align: right;
		}
		.unit {
			font-size: $font-size-activity-tag;
		}
	}
	.order-action-wrap {
		width: 100%;
		text-align: right;
		margin-top: 20rpx;
		button {
			margin-left: 10rpx !important;
			// padding: 0 1em;
			&:first-child {
				margin-left: 0 !important;
			}
		}
	}
}

.screen-wrap {
	.item-wrap{
		    background: #fff;
	}
	.time_box{
		    display: flex;
			margin: 0 30rpx;
			align-items: center;
		    padding-top: 10rpx;
			.uni-left{
				margin-right: 10rpx;
			}	
			.picker{
				    padding: 0 14px;
				    background-color: #e5e5e5;
				    border: 1px solid #f8f8f8;
				    border-radius: 5px;
					    width: 27%;
					    text-align: center;
					.uni-input{
						    color: #4c99dc;
					}
			}
			
	}
	
	.time_box_save{
		    display: flex;
			    align-items: center;
				margin: 10rpx 30rpx 0 30rpx;
				border-bottom: 1px solid #e3e3e3;
				padding-bottom: 8rpx;
				justify-content: space-between;
			.more{
				    display: flex;
					width: 49%;
					justify-content: space-between;
					.uni-tag{
						height: 46rpx;
						line-height: calc(46rpx - 4rpx);
					}
			}
		   .button{
			       height: 66rpx;
			       width: 29%;
			       line-height:66rpx;
				       border-radius: 3px;
		   }
	}
	
	.order_num_box{
		    margin: 0 30rpx;
		    padding: 8rpx 0;
			.order_num{
				    font-size: rpx;
				    font-weight: 700;
			}
	}
	
		
	
	.title {
		font-size: $font-size-tag;
		padding: $padding;
		background: $color-bg;
	}
	scroll-view {
		height: 85%;
		.item-wrap {
			border-bottom: 1px solid $color-line;
			&:last-child {
				border-bottom: none;
			}
			.label {
				font-size: $font-size-tag;
				padding: $padding 30rpx 0 $padding;
				display: flex;
				justify-content: space-between;
				align-items: center;
				.more {
					font-size: $font-size-tag;
					picker {
						display: inline-block;
						vertical-align: middle;
						view {
							font-size: $font-size-tag;
						}
					}
					.iconfont {
						display: inline-block;
						vertical-align: middle;
						color: $color-tip;
						font-size: $font-size-base;
					}
				}
				.uni-tag {
					padding: 0 $padding;
					font-size: $font-size-goods-tag;
					background: $color-bg;
					height: 40rpx;
					line-height: 40rpx;
					border: 0;
					margin-left: $margin-updown;
				}
			}

			.list {
				margin: $margin-updown $margin-both;
				overflow: hidden;
				.uni-tag {
					padding: 0 $padding;
					font-size: $font-size-goods-tag;
					background: $color-bg;
					height: 52rpx;
					line-height: 52rpx;
					border: 0;
					margin-right: 20rpx;
					margin-bottom: 20rpx;
					&:nth-child(3n) {
						margin-right: 0;
					}
				}
			}
			.value-wrap {
				display: flex;
				justify-content: center;
				align-items: center;
				padding: $padding;
				.h-line {
					width: 40rpx;
					height: 2rpx;
					background-color: $color-tip;
				}
				input {
					flex: 1;
					background: $color-line;
					height: 60rpx;
					line-height: 60rpx;
					font-size: $font-size-goods-tag;
					border-radius: 50rpx;
					text-align: center;
					&:first-child {
						margin-right: 10rpx;
					}
					&:last-child {
						margin-left: 10rpx;
					}
				}
				picker {
					display: inline-block;
					vertical-align: middle;
					view {
						font-size: $font-size-tag;
					}
				}
			}
		}
	}
	.footer {
		height: 90rpx;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		display: flex;
		//position: absolute;
		bottom: 0;
		width: 100%;
		button {
			margin: 0;
			width: 40%;
			&:first-child {
				border-top-right-radius: 0;
				border-bottom-right-radius: 0;
			}
			&:last-child {
				border-top-left-radius: 0;
				border-bottom-left-radius: 0;
			}
		}
	}
	

	
}
